<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>账号登录</title>
        <link rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" href="css/sign.css">
        <!-- <link rel="stylesheet" href="http://at.alicdn.com/t/font_2367458_aownk8ixixm.css"> -->
        <link rel="stylesheet" href="http://at.alicdn.com/t/font_2367458_0c0z3dmzrfz8.css">
        <link rel="stylesheet" href="css/iconfont.css">
    </head>
    <body>
        <div class="sign-all">
            <header>
                <div class="sign-head">
                    <div class="logo">
                        <a href="index.html">
                            <img src="assets/images/haier2020_logo.png" alt="">
                        </a>
                        <span>
                            账号登录
                        </span>
                    </div>
                    <div class="regist">
                        <a href="#">
                            <span>
                                注册海尔账号
                            </span>
                        </a>
                    </div>
                </div>
            </header>

            <section class="sign-text">
                <div class="sign-intro">
                    <h1>一</h1>
                    <h1>
                        一个账号便利享受
                        <br>
                        海尔所有服务
                    </h1>
                </div>

                <div class="login">
                    <div class="login-top">
                            账号登录
                    </div>
                    
                    <div class="login-box">
                        <ul class="clear">
                            <li>
                                <i class="iconfont icon-diannao"></i>
                                密码登录
                            </li>
                            <li>
                                <i class="iconfont icon-shouji"></i>
                                短信登录
                            </li>
                        </ul>
                        <input type="text" placeholder="手机号/邮箱/姓名" class="login_text">
                        <input type="text" placeholder="登录密码" class="login_text">

                        <div class="yanz-wrapper">
                            <input type="checkbox" id="act" name="yanz">
                            <label for="act"></label>
                            <span>我同意</span>
                            <i>《</i>
                            <a href="#">海尔注册用户服务条款</a>
                            <i>》《</i>
                            <a href="#">法律声明及隐私权政策</a>
                            <i>》</i>
                        </div>
                        
                        <div class="yanz-wrapper">
                            <input type="checkbox" id="psd" name="yanz">
                            <label for="psd"></label>
                            <label for="psd" class="psd-text">
                                两周内免登陆
                            </label>
                        </div>
                        
                        <a href="user.html">
                            <button>
                                登录
                           </button>
                        </a>

                        <ul>
                            <li><a href="#" class="iconfont icon-weixin1"></a></li>
                            <li><a href="#" class="iconfont icon-weibo1"></a></li>
                            <li><a href="#" class="iconfont icon-wangyi1"></a></li>
                            <li><a href="#" class="iconfont icon-renren"></a></li>
                        </ul>
                    </div>
                    
                    
                </div>
            </section>

            <footer>
                <div class="mask">
                    <div class="m-left">
                        <a href="">
                            关于海尔
                        </a>
                        <span>|</span>
                        <a href="">
                            关于海尔
                        </a>
                        <span>|</span>
                        <a href="">
                            关于海尔
                        </a>
                        <span>|</span>
                        <a href="">
                            关于海尔
                        </a>
                    </div>

                    <div class="m-right">
                        <a href="">
                            鲁ICP备09096283号-1
                        </a>
                        <span>
                            |
                        </span>
                        <span>
                            © 2000-2021 Haier.com. All rights reserved.
                        </span>
                    </div>
                </div>
            </footer>
        </div>     
    </body>
</html>